<template>
  <div id="wrapper">

    <h1 class="headline">
      <span class="accent">演示</span> 获取页面内容
    </h1>

    <p class="description">当前页面：{{ route.fullPath }}      
    </p>
    <p class="description">本页面为模板，https://gitee.com/vkei/electron-antdv </p>

  </div>
</template>

<script setup >

import { LeftOutlined } from "@ant-design/icons-vue";

import { useRoute,useRouter  } from "vue-router";
import { watch, ref } from "vue";

import { message } from "ant-design-vue";

// 获取路由实例
const router = useRouter();
const route = useRoute();
const queryParameters = ref(route.query);

watch(
  () => route.query,
  (newVal) => {
    queryParameters.value = newVal;
  }
);

const goHome = () => {
  router.push({ name: "桌面", params: {} }); 
}; 


</script>

<style lang="less" scoped>
#wrapper {
  padding: 30px 50px;
  height: 100%;
}

.headline {
  font-size: 32px;
  line-height: 1.25;
  font-weight: bold;
  letter-spacing: -1.2px;
  margin: 10px auto 20px;
}
html:not(.dark) .accent {
  background: -webkit-linear-gradient(315deg, #42d392 25%, #647eff);
  background-clip: text;
  letter-spacing: 1.5px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.description {
  line-height: 1.5;
  transition: color 0.5s;
  font-size: 18px;
  margin: 10px auto 15px;
}


</style>
